/* -------------------------------------------------------- */
/*Hibernate validator */
/* Span errors*/
/* -------------------------------------------------------- */
@-webkit-keyframes msgErrorOpacity{
	0%{
		opacity: 0.2;
		}
	20%{
		opacity: 0.4;
		}
	100%{
		opacity: 1;
		}					
} 
@-moz-keyframes msgErrorOpacity{
	0%{
		opacity: 0.2;
		}
	20%{
		opacity: 0.4;
		}
	100%{
		opacity: 1;
		}	
} 
@keyframes msgErrorOpacity{
	0%{
		left: 1000px;
		}
	100%{
		left: 50px;
		}
}

span.error{
	margin: 30px 10px 0 30px;
	padding: 6px 10px 6px 40px;
	color: red;
	border: solid 1px red;
	background: #fff url('../img/arrowuperror.jpg') no-repeat top left;
	text-shadow:none;
	font-weight: bold;
	
	-webkit-animation-name: msgErrorOpacity;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: msgErrorOpacity;
	-moz-animation-duration: 3s;
	-moz-animation-iteration-count: 1;
	animation-name: msgErrorOpacity;
	animation-duration: 3s;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;	
}
/* ************************************ */
/* ACCOUNT                              */
/* ************************************ */
/* Create account */
/* Login */
/* Form Editor*/
/* -------------------------------------------------------- */
#div_form_editor{position:relative;}
#registration,#wrapperLogin,#div_form_editor {
    color: #fff;
    background: #2d2d2d;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(60,60,60)),
        color-stop(0.74, rgb(43,43,43)),
        color-stop(1, rgb(60,60,60))
        );
     background: -moz-linear-gradient(
        center bottom,
        rgb(60,60,60) 0%,
        rgb(43,43,43) 74%,
        rgb(60,60,60) 100%
        );
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     margin-top: 10px;
     margin: auto;
     width: 430px;
     }

#formAccount p.formseparator {
      margin-bottom: 40px;
      }
#registration fieldset, #wrapperLogin fieldset, #div_form_editor fieldset {
      padding: 20px;
	  text-shadow: x  y  blur  color;
	  text-shadow: 0px -1px 0px #000;      
      }
/*#registration label{
	width: 20%;
	display: block;
	float:left;
    padding: 7px 8px 7px 8px;
}    */  
#registration input {
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     border-radius: 15px;
     border:solid 1px #444;
     font-size: 14px;
     width: 90%;
     padding: 7px 8px 7px 30px;

		background: #ddd url('../img/createaccount.png') no-repeat 4px 6px;
		 background: url('../img/createaccount.png') no-repeat 4px 6px, -moz-linear-gradient(
		center bottom,
		rgb(225,225,225) 0%,
		rgb(215,215,215) 54%,
		rgb(173,173,173) 100%
		);
		 background: url('../img/createaccount.png') no-repeat 4px 6px, -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(225,225,225)),
		color-stop(0.54, rgb(215,215,215)),
		color-stop(1, rgb(173,173,173))
		);
      color:#333;
      text-shadow:0px 1px 0px #FFF;
      -moz-box-shadow: 0px 1px 0px #777;
      -webkit-box-shadow: 0px 1px 0px #777;
      box-shadow: 0px 1px 0px #777;
 }

input#email {
   background-position: 0px -2px;
   background-position: 0px -2px, 0px 0px;
 }
input#cemail {
   background-position: 0px -2px;
   background-position: 0px -2px, 0px 0px;
 } 
input#pwd {
   background-position: 0px -27px;
   background-position: 0px -27px, 0px 0px;
 }
input#cpwd {
   background-position: 0px -27px;
   background-position: 0px -27px, 0px 0px;
 } 
input#username {
   background-position: 0px -54px;
   background-position: 0px -54px, 0px 0px;
 }
#wrapperLogin input, #div_form_editor input{
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     border-radius: 15px;
     border:solid 1px #444;
     font-size: 14px;
     width: 90%;
     padding: 7px 8px 7px 30px;

		background: #ddd ;
		 background: -moz-linear-gradient(
		center bottom,
		rgb(225,225,225) 0%,
		rgb(215,215,215) 54%,
		rgb(173,173,173) 100%
		);
		 background:  -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(225,225,225)),
		color-stop(0.54, rgb(215,215,215)),
		color-stop(1, rgb(173,173,173))
		);
      color:#333;
      text-shadow:0px 1px 0px #FFF;
      -moz-box-shadow: 0px 1px 0px #777;
      -webkit-box-shadow: 0px 1px 0px #777;
      box-shadow: 0px 1px 0px #777;	
}
#registration h2,#wrapperLogin h2, #div_form_editor h2 {
color: #fff;
text-shadow: 0px -1px 0px #000;
text-align: center;
padding: 18px;
margin: 0px;
font-weight: normal;
font-size: 24px;
font-family: Lucida Grande, Helvetica, Arial, sans-serif;
border-bottom: solid #181818 1px;
-moz-box-shadow: 0px 1px 0px #3a3a3a;
-webkit-box-shadow: 0px 1px 0px #3a3a3a;
box-shadow: 0px 1px 0px #3a3a3a;
     }

#registration input[type="submit"],#wrapperLogin input[type="submit"],#div_form_editor  input[type="submit"]{
width: 203px;
height: 40px;
border: none;
cursor: pointer;
float: right;
padding: 7px 8px 7px 8px;
background: #ffc132;
background: -moz-linear-gradient(top,  #ffc132 0%, #f2f287 49%, #f2f287 51%, #fafc88 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc132), color-stop(49%,#f2f287), color-stop(51%,#f2f287), color-stop(100%,#fafc88));
background: -webkit-linear-gradient(top,  #ffc132 0%,#f2f287 49%,#f2f287 51%,#fafc88 100%);
background: -o-linear-gradient(top,  #ffc132 0%,#f2f287 49%,#f2f287 51%,#fafc88 100%);
background: -ms-linear-gradient(top,  #ffc132 0%,#f2f287 49%,#f2f287 51%,#fafc88 100%);
background: linear-gradient(to bottom,  #ffc132 0%,#f2f287 49%,#f2f287 51%,#fafc88 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc132', endColorstr='#fafc88',GradientType=0 );
font-weight: bold;
font-size: 18px;
font-family: Lucida Grande, Helvetica, Arial, sans-serif; 
 color: #000;
 text-shadow: 0px 1px 0px #fff;
}
#registration input[type="submit"]:hover { background-position: 0px -41px; }
#registration input[type="submit"]:active { background-position: 0px -82px; }
fieldset label.infield /* .infield label added by JS */ {
 color: #333;
 text-shadow: 0px 1px 0px #fff;
 padding-left: 35px !important;
 line-height: 29px;
 }
 /* -------------------------------------------------------- */
/*Editors form */
/*upload button*/
/*div_form_upload_logo*/
/*errorUpload*/
/* -------------------------------------------------------- */
#div_form_editor  #uploadLogo{
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
     border:solid 1px #444;
     font-size: 14px;
     padding: 7px 8px 7px 8px;
	 background: #A9E2F3 ;
      text-shadow:none;
      -moz-box-shadow: 0px 1px 0px #777;
      -webkit-box-shadow: 0px 1px 0px #777;
      box-shadow: 0px 1px 0px #777;	
      width: 100px;	
}
#div_form_upload_logo{
	display: none;
	position: absolute;
	top: 150px;
	margin: 0 2px;
	padding: 20px;
	background: white;
	text-shadow:none;
	color: black;
	width:90%;
}
#wrapperClose{position:relative;}
#wrapperClose img{position: absolute; right:-30px; top:-30px;}
#div_form_upload_logo h2{
	color: orange;
	margin:0;
	padding: 0 0 5px 0;
	font-weight:bold;
}
#div_form_upload_logo input{
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
     border:solid 1px #444;
     padding: 7px 8px 7px 8px;
	 background: #FFF ;
      text-shadow:none;
      -moz-box-shadow: 0px 1px 0px #777;
      -webkit-box-shadow: 0px 1px 0px #777;
      box-shadow: 0px 1px 0px #777;	
      width: 98%;		
}
.errorUpload{
	display: none;
	margin: 3px 10px 0 10px;
	padding: 6px 5px 6px 35px;
	color: red;
	border: solid 1px red;
	background: #fff url('../img/arrowuperror.jpg') no-repeat top left;
	text-shadow:none;
	font-weight: bold;
	 height: 18px;
	-webkit-animation-name: msgErrorOpacity;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: msgErrorOpacity;
	-moz-animation-duration: 3s;
	-moz-animation-iteration-count: 1;
	animation-name: msgErrorOpacity;
	animation-duration: 3s;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;	
}
#div_form_upload_logo  input[type="submit"]{
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
     border:solid 1px #444;
     font-size: 14px;
     padding: 7px 8px 7px 8px;
	 background: #A9E2F3 ;
      text-shadow:none;
      -moz-box-shadow: 0px 1px 0px #777;
      -webkit-box-shadow: 0px 1px 0px #777;
      box-shadow: 0px 1px 0px #777;	
      width: 100px;	
      margin-top: 5px;
      display:none;
}

